<!DOCTYPE html>
<html>
	<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
	  <link rel="shortcut icon" type="images/x-png" href="/favicon-16x16.png">
	  <link rel="shortcut icon" type="images/x-png" href="/favicon-32x32.png">
    <img src="logo.png" alt="Company Logo" width="200" height="100">
    <title>这是一个演示站点，演示3秒html-refresh跳转</title>
     <style>
	    .logo {
     	max-width: 100%;
     	height: auto;
     	
  	 }
body
{
	padding: 0;
	margin: 0;
}

.wwdemo,
.wwdemo a
{
	font-family: Arial;
	color: #585858;
}

.wwdemo .demo-container
{
	background-color: #FFFFFF;
    width: 88%;
    margin: 2% auto;
    max-width: 40em;
    padding: 1.5% 3% 3%;
}

.wwdemo h1
{
	text-align: center;
	word-spacing: -0.1em;
   letter-spacing: -0.02em;
}

.wwdemo a.button
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:0.22em;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:19px 46px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin: 2em auto;
	display: block;
	max-width: 12em;
	text-align: center;
}

.wwdemo a.button:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}

.wwdemo a.button:active
{
	position:relative;
	top:1px;
}

.demo-description
{
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 2em 0;
}
  	 </style>
		<script>			
			console.log('Hello');
			setTimeout(() => {  console.log('World!'); }, 2000);	
			location.href = "html-redirect-final.html";
		</script>
	</head>
	<body>
	  <header>
  	  <img src="logo.png" alt="Company Logo" class="logo">
	  </header>
		<p>显示结果： A B C</p>
		<p>显示结果： &#65; &#66; &#67;</p>
		<div class="wwdemo demo-body">
	<div class="demo-container">

 		<h1>Force a File to Download with Javascript</h1>

		<a class="js-download-link button" href="/inst.exe">Download inst.exe File</a>
		<a class="js-download-link button" href="https://wattswork.s3.amazonaws.com/test-media/video/test_Drop-1280x720-16-9-HD.mp4">Download MP4 File</a>
		
		<a class="js-download-link button" href="https://wattswork.s3.amazonaws.com/test-media/PDFs/test-file.pdf">Download PDF File</a>
		
		<a class="js-download-link button" href="https://wattswork.s3.amazonaws.com/test-media/Text/test-file.txt">Download TXT File</a>
		
		<div class="demo-description">
			<p></p>
			<ul>
				<li>
					Downloads files without altering file headers.</li>
				</li>
				<li>Does not work on iOS devices.</li>
				<li>This method does not allow for renaming of files.</li>
			</ul>
		</div>
		
	</div>
</div>
	</body>
</html>